<template>
  <div style="width: 1760px;height: 870px; margin: 0 auto">


    <div style="width: 49%; float: left;">
      <dv-border-box-10>
        <img :src="dk" style="width:100%;    height:400px">
        <span>棉蚜虫害试验田</span>
      </dv-border-box-10>
    </div>
    <div style="width: 49%; float: left;margin-left:10px;">
      <dv-border-box-10>
        <img :src="dk2" style="width:100%;  height:400px">
        <span>叶螨虫害试验田</span>
      </dv-border-box-10>
    </div>
    <div style="width: 49%; float: left; margin-top: 10px">
      <dv-border-box-10>
        <img :src="dk1" style="width:100%;    height:400px">
        <span>不同蚜害等级棉花处方图</span>
      </dv-border-box-10>
    </div>
    <div style="width: 49%; float: left;margin-left:10px;margin-top: 10px">
      <dv-border-box-10>
        <img :src="dk3" style="width:100%;  height:400px">
        <span>不同叶螨等级棉花处方图</span>
      </dv-border-box-10>
    </div>
  </div>

  </div>

</template>

<script>
  import Vue from 'vue';

  export default {
    name: "scenter",
    data() {
      return {
        dk: require('@/assets/dk.png'),
        dk1: require('@/assets/dk1.png'),
        dk2: require('@/assets/dk2.png'),
        dk3: require('@/assets/dk3.png'),
        "config": {
          rowNum: 1,
          // index: true,
          oddRowBGC: '#081F5D',
          evenRowBGC: '#081F5D',
        },
        value1: '',
      }
    },
    methods: {},
    watch: {},
    mounted() {

    }

  }


</script>

<style scoped>
  .block {
    display: block;
    position: relative;
    top: -780px;
    left: 20px;
    z-index: 10001;
  }
  span{
    display:block;
    text-align:center;
    font-size: 15px;
    color: aliceblue;
  }

</style>
